﻿/* Блок меню Аккордеон column-right*/

.mini-menu {
  margin: 0 auto;
   width: 95%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px/*solid rgba(0, 0, 0, 0.75)*/;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  font: normal 14px Helvetica, Arial, sans-serif;
  text-align: justify;
}

.mini-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mini-menu > ul > li {
  position: relative;
  align-items: flex-start;
}

.mini-menu > ul > li > a {
  display: block;
  padding: .7em 1em;
  outline: 0;
  border-bottom: 5px solid #D6D6D8;
  background: #D0D0D0;
  background-image: -webkit-linear-gradient(#D6D6D8, #D0D0D0);
  background-image: -moz-linear-gradient(#D6D6D8, #D0D0D0);
  background-image: -ms-linear-gradient(#D6D6D8, #D0D0D0);
  background-image: linear-gradient(#D6D6D8, #D0D0D0);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(250, 250, 250, 0.1);
  -moz-box-shadow: inset 0 1px 0 0 rgba(250, 250, 250, 0.1);
  box-shadow: inset 0 1px 0 0 rgba(250, 250, 250, 0.1);
  color: #0E1181;
  text-decoration: none;
  font-weight: bold;
}
.mini-menu > ul > li > a:hover, .mini-menu > ul > li > a.active {
  color: #A0A0A0;
}

.mini-menu .sub > ul {
    counter-reset: items;
    height: 0;
    overflow: hidden;
    background: #eee;
    -webkit-box-shadow:inset 0 0 50px #bbb;
    -moz-box-shadow:inset 0 0 50px #bbb;
    box-shadow:inset 0 0 50px #bbb;
}

.mini-menu .sub > ul > li > a {
    counter-increment: items;
    color:#514b92;
    font-size: 12px;
    font: bold 12px;
    display: block;
    text-decoration: none;
    padding: .7em 1em;
    border-bottom: 1px dotted #bababa;
}

.mini-menu .sub > ul > li > a:hover,
.mini-menu .sub > ul > li > a.active {
    background: #F0F0F0;
     border-radius: 5px;
    color: #666600;
    padding-left: 1.3em;
}

.mini-menu .sub > ul > li > a:after{
    content: "»";
    float: left;
    margin-right:6px;
    line-height: 12px;
}

.mini-menu .sub > ul:after {
    content: counter(items);
    font-size: 1em;
    display:inline-block;
    position: absolute;
    right: 10px;
    top: 6px;
    background: #BBBBBB;
    line-height: 1em;
    padding: .5em .7em;
    color: #EEEEEE;
    text-indent: 0;
    text-align: center;
    text-shadow:0px 2px 0px rgba(0, 0, 0, .5);
    font: bold 0.8em
    font-weight: 500;
    -webkit-border-radius:25%;
    -moz-border-radius:25%;
    border-radius:25%;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
}

/* активный переключатель */

.mini-menu .sub > a.active:before{
  color: #f2bd00 #f2bd00;
}

/*searh form stile column-right*/


.form-search {
  width: 98%;
  position: relative;
  border: 2px solid #9E9E9E;
  height: 32px;
  padding-bottom: 3%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px #575555, 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 1px #575555, 0 1px 0 #fff;
  box-shadow: inset 0 1px 1px #575555, 0 1px 0 #fff;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -0-transition: all .2s ease-out;
}

.form-search input#search {
  width: 70%;
  color: #6e7074;
  text-shadow: 0 1px 0 #fff;
  margin-top: 4%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px #575555, 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 1px #575555, 0 1px 0 #fff;
  box-shadow: inset 0 1px 1px #575555, 0 1px 0 #fff;
  font: 13px Helvetica, Arial, sans-serif;
  background-color: #EEEEEE;
}

/*end searh form stile*/

/*End Блок меню Аккордеон column-right*/